<template>
    <div>
        <h2>班级管理</h2>
        <el-button class="mt10" type="denger" @click="showDialog">添加班级</el-button>
        <el-dialog
            v-model="show"
            :title="true?'添加班级':'修改班级'"
            width="30%"
            :before-close="handleClose"
        >
            <div>
                <el-form
                    label-position="left"
                    class="myform"
                    status-icon
                    :model="form"
                    ref="uform"
                    size="default"
                    :rules="rules"
                >
                    <el-form-item label="所属学科" prop="banji_xueke">
                        <el-select v-model="form.banji_xueke" placeholder="请选择学科">
                            <el-option v-for="(l,i) in xuekeList" :key="i" :value="l.value"  :label="l.name"> </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="班级年份" prop="banji_year">
                        <el-select v-model="form.banji_year" placeholder="请选择年份">
                            <el-option v-for="(l,i) in years" :key="i" :value="l" :label="l"> </el-option>
                        </el-select>
                    </el-form-item>
                     <el-form-item label="班级序号" prop="banji_no">
                        <el-select v-model="form.banji_no" placeholder="请选择序号">
                            <el-option v-for="(l,i) in 50" :key="i" :value="l" :label="l"> </el-option>
                        </el-select>
                    </el-form-item>
                </el-form>
            </div>
            <template #footer>
                <span class="dialog-footer">
                    <el-button type="info" @click="handleClose">取消</el-button>
                    <el-button type="danger" @click="confirmAction">{{true?'添加班级':'修改班级'}}</el-button>
                </span>
            </template>
        </el-dialog>

    </div>
</template>
<script setup>
import { reactive, ref } from "vue"
import {ArrowDown, Delete , Edit , Remove,Coin, Lock , ArrowLeft ,ArrowRight  } from "@element-plus/icons-vue"


const uform=ref()
const state = reactive({
    show:false,
    form:{},
    toggle:true // 添加 修改
})
const rules=reactive({
    
})
const showDialog=()=>{

}
</script>